<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Andy.tool</title>
        <meta name="description" content="A demo landing page for agencies or product oriented businesses built using Shards, a free, modern and lightweight UI toolkit based on Bootstrap 4.">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- CSS Dependencies -->
        <link rel="stylesheet" href="/resources/common/css/bootstrap4/bootstrap.min.css"  crossorigin="anonymous">
        <link href="/resources/common/css/font-awesome.min.css" rel="stylesheet"  crossorigin="anonymous">
        <link rel="stylesheet" href="/resources/common/Shards-Version-2.0.3/css/shards.min.css?version=2.0.1">
        <link rel="stylesheet" href="/resources/common/Shards-Version-2.0.3/css/shards-extras.min.css?version=2.0.1">
    </head>
<body >
     	
  <div class="fixedNavbar">
		<#include "navbar.html">
	</div>
      
    <div class="container-fluid py-4">
      <div class="row justify-content-md-center px-4">
        <div class="contact-form col-sm-12 col-md-10 col-lg-7 p-4 mb-4 card">
          <form>
            <div class="row">
              <div class="col-md-8 col-md-12">
                <div class="form-group">
                  <input type="email" class="form-control" id="contactFormFullName" placeholder="type something to search">
                </div>
              </div>
            <input class="btn btn-primary btn-pill d-flex ml-auto mr-auto" type="submit" value="搜索">
            <input class="btn btn-primary  d-flex ml-auto mr-auto" type="submit" value="手气不错">
          </form>
        </div>
      </div>
    </div>

      <!-- Contact Section -->
     <!--  <div class="contact section-invert py-4">
        <h3 class="section-title text-center m-5">Contact Us</h3>
        <div class="container py-4">
          <div class="row justify-content-md-center px-4">
            <div class="contact-form col-sm-12 col-md-10 col-lg-7 p-4 mb-4 card">
              <form>
                <div class="row">
                  <div class="col-md-6 col-sm-12">
                    <div class="form-group">
                      <label for="contactFormFullName">Full Name</label>
                      <input type="email" class="form-control" id="contactFormFullName" placeholder="Enter your full name">
                    </div>
                  </div>
                  <div class="col-md-6 col-sm-12">
                    <div class="form-group">
                      <label for="contactFormEmail">Email address</label>
                      <input type="email" class="form-control" id="contactFormEmail" placeholder="Enter your email address">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col">
                    <div class="form-group">
                        <label for="exampleInputMessage1">Message</label>
                        <textarea id="exampleInputMessage1" class="form-control mb-4" rows="10" placeholder="Enter your message..." name="message"></textarea>
                    </div>
                  </div>
                </div>
                <input class="btn btn-primary btn-pill d-flex ml-auto mr-auto" type="submit" value="Send Your Message">
              </form>
            </div>
          </div>
        </div>
      </div> -->
      <!-- / Contact Section -->

      <!-- Footer Section -->
      <footer style="position: absolute;bottom: 0; width: 100%;height: 60px; background-color: #f5f5f5;">
        <nav class="navbar  navbar-expand-lg navbar-dark bg-dark">
          <div class="container navbar-fixed-bottom">
            <a class="navbar-brand" href="#">Shards-private</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                  <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Contact Me</a>
                </li>
              </ul>
            </div>

          </div>
        </nav>
      </footer>
      <!-- / Footer Section -->

      <!-- JavaScript Dependencies -->
      <script src="/resources/common/js/jquery-3.3.1.min.js" ></script>
      <script src="/resources/common/js/popper.min.js" ></script>
      <script src="/resources/common/js/bootstrap4/bootstrap.min.js"></script>
    </body>
</html>
